<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/views/include/nocachehead.jsp"%>
<%@ include file="/views/include/statusbar.jsp"%>
<title>${spotInfo.name}</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/payattention.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/pagination.js"></script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/comment.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.raty.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/stringutil.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/base.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/feed.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/shortMessage.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/notification.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/video.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/ratyStar.js"></script>
</head>
<script type="text/javascript">
	
</script>
<style type="text/css">
.positionView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 1024px;
}

.mainBox1 {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 800px;
	width: 260px;
}

.mainBox2 {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 800px;
	width: 700px;
}

.spotView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 120px;
	width: 680px;
}

.portraitView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
}

.spotInfoView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 530px;
}

.pageView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 530px;
}

.spotStarView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 250px;
}

.spotPositionView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 250px;
}

.adminview {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 120px;
	width: 250px;
}

.introductionView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 250px;
}

.fansView {
	border: 0px
	margin: 3px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 250px;
}

.starclass {
	font: 10px verdana;
}

.countryTag {
	font: 10px verdana;
}

.provinceTag {
	font: 10px verdana;
}

.cityTag {
	font: 10px verdana;
}

#bodyDiv {
	position: relative;
	top: 42px;
	width: 960px;
	min-height: 500px;
	height: auto !important;
	margin: 0 auto;
}

#woOwnerDiv {
	float: right;
	width: 240px;
	height: 500px;
	background: #ffff;
	left: 10px;
}

#content {
	float: left;
	width: 720px;
	min-height: 500px;
	background: #ffff;
}

hr {
	boder: 1px dashed #cccccc;
}
</style>

<body>
	<br>
	<br>
	<div class="positionView">
		<a
			href="${pageContext.request.contextPath}/spot/${scList[0].spotId}.html">${scList[0].spotName}</a>
		<em>›</em> <a
			href="${pageContext.request.contextPath}/spot/chara/${scList[0].spotId }/list.html">特色</a>
		<a
			href="${pageContext.request.contextPath}/spot/chara/${scList[0].spotId }/add.html">我要添加</a>
	</div>
	<div class="mainBox2">
		<c:forEach items="${scList}" var="sc">
			<div class="spotView">
				<div class="portraitView">
					<a
						href="${pageContext.request.contextPath}/spot/chara/${sc.spotId }/${sc.id}.html">
						<img title="${sc.characteristicTitle}" width="100px"
						height="100px" src="${portraitPath }/${sc.portrait}" /> </a>
				</div>
				<div class="spotInfoView">
					<p>${sc.characteristicTitle }</p>
					<a>费用：${sc.consume }</a>
					<div class="spotStarView">
						<a>网友评分：</a>

						<skyline:ratyStar startStar="${sc.star}" objId="${sc.id}"
							isBig="false" isReadOnly="true" objType="SC"></skyline:ratyStar>
					</div>
					<br>

				</div>
			</div>
			<br>
		</c:forEach>
		<div class="pageView">
				<skyline:page
					url="${pageContext.request.contextPath}/spot/chara/${scList[0].spotId }/list.html"
					page="${requestScope.page}" maxSize="2" />
		</div>
	</div>
</body>
</html>